<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Sparkle Love | azure </title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />    
   <link href="<?php echo VIEW; ?>css/bootstrap.min.css" rel="stylesheet" />
	<link href="<?php echo VIEW; ?>css/bootstrap-responsive.min.css" rel="stylesheet" /> 
   
    <link href="<?php echo VIEW; ?>css/adminia.css" rel="stylesheet" /> 
	<link href="<?php echo VIEW; ?>css/adminia-responsive.css" rel="stylesheet" />  
	<link href="<?php echo VIEW; ?>css/pages/dashboard.css" rel="stylesheet" /> 
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo VIEW; ?>img/favicon.png">
   <link rel="shortcut icon" href="<?php echo VIEW; ?>img/favicon.png">
  <link href="http://libs.baidu.com/fontawesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
  	</head>

<body>
<div class="navbar navbar-fixed-top">
	
	<div class="navbar-inner">
		
		<div class="container">
			
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 				
			</a>
			
			<a class="brand" href="<?php echo SITE_URL.'index.php/sparklove' ?>" style="font-size:200%;">Sparkle Love</a>
			<div class="nav-collapse">
			
				<ul class="nav pull-right">
					
				<li><a href="<?php echo SITE_URL.'index.php/sparklove' ?>">主页</a></li>
             <li><a href="#">成功案例</a></li>
             <li><a href="#">联系我们</a></li>
					
						</ul>
					</li>
				</ul>
				
			</div> <!-- /nav-collapse -->
			
		</div> <!-- /container -->
		
	</div> <!-- /navbar-inner -->
	
</div>

<div id="content">
	
	<div class="container">
		
		<div class="row">
			
			<div class="span3">
				
				<div class="account-container">
				
					<div class="account-avatar">
						<img src="<?php echo VIEW; ?>img/favicon.png" alt="sparlke love" class="thumbnail" />
					</div> <!-- /account-avatar -->
				
					<div class="account-details">
					
						<span class="account-name">JU'AN Village</span>
						
						<span class="account-role">Every little thing makes a difference</span>
					</div> <!-- /account-details -->
				
				</div> <!-- /account-container -->
				
				<hr />
				
				<ul id="main-nav" class="nav nav-tabs nav-stacked">
					
					<li class="active">
						<a href="<?php echo SITE_URL.'index.php/admin/allprojects' ?>">
							<i class="icon-home"></i>
							项目申请统计
							<span class="label label-warning pull-right">0</span>		
						</a>
					</li>
					
					<li>
						<a href="<?php echo SITE_URL.'index.php/admin/enterprise' ?>">
							<i class="icon-pushpin"></i>
							爱心餐券项目
						</a>
					</li>
					
					<li>
						<a href="<?php echo SITE_URL.'index.php/admin/attentionperson' ?>">
							<i class="icon-th-list"></i>
							公益关注者		
						</a>
					</li>
					
					<li>
						<a href="#">
							<i class="icon-th-large"></i>
							爱心清单项目
						</a>
					</li>
					
					<li>
						<a href="#">
							<i class="icon-signal"></i>
							公益跑项目
						</a>
					</li>
					
					<li>
						<a href="#" class="disabled">
							<i class="icon-user"></i>
							azure性能监测							
						</a>
					</li>
					
				</ul>	
				
				<hr />
				
				<div class="sidebar-extra">
					<p>o</p>
				</div> <!-- .sidebar-extra -->
				
				<br />
		
			</div> <!-- /span3 -->
			
			
			
			<div class="span9">
				
				<h1 class="page-title">
					<i class="icon-home"></i>
					统计盘					
				</h1>
				
				<div class="stat-container">
										
					<div class="stat-holder">						
						<div class="stat">							
							<span><?php echo $alldonation; ?>元</span>							
						  总计捐助金额							
						</div> <!-- /stat -->						
					</div> <!-- /stat-holder -->
					
					<div class="stat-holder">						
						<div class="stat">							
							<span><?php echo $allprojects; ?>个</span>							
							总计创建项目数							
						</div> <!-- /stat -->						
					</div> <!-- /stat-holder -->
					
					<div class="stat-holder">						
						<div class="stat">							
							<span><?php echo $qrcodescan; ?>人</span>							
							总计参与人数							
						</div> <!-- /stat -->						
					</div> <!-- /stat-holder -->
					
					<div class="stat-holder">						
						<div class="stat">							
							<span><?php echo $qrcodeemail; ?>人</span>							
							总计公益关注者						
						</div> <!-- /stat -->						
					</div> <!-- /stat-holder -->
					
				</div> <!-- /stat-container -->
				
				<div class="widget">
										
					<div class="widget-header">
						<i class="icon-signal"></i>
						<h3>项目申请数据饼状图</h3>
					</div> <!-- /widget-header -->
														
					<div class="widget-content">					
							<script src="<?php echo VIEW; ?>Chart.js"></script>
<div class="row">
							<div class="span4">
							<canvas id="chart-area" width="300" height="300"></canvas>
							</div>

							<div class="span4" style="width: 300px; height: 300px;">
							<canvas id="chart-area1" width="300" height="300">
							</canvas>
							</div>
</div>
	<script>

		var pieData = [
				{
					value: <?php echo $allprojects; ?>,
					color:"#F7464A",
					highlight: "#FF5A5E",
					label: "爱心餐券项目申请数"
				},
				
				{
					value: 0,
					color: "#FDB45C",
					highlight: "#FFC870",
					label: "公益跑项目申请数"
				},
				
				{
					value: 0,
					color: "#4D5360",
					highlight: "#616774",
					label: "爱心清单项目申请数"
				}

			];

			window.onload = function(){
				var ctx = document.getElementById("chart-area").getContext("2d");
				window.myPie = new Chart(ctx).Pie(pieData);
			};


		var doughnutData = [
				{
					value: <?php echo $qrcodescan; ?>,
					color:"#F7464A",
					highlight: "#FF5A5E",
					label: "参与爱心餐券人数"
				},
				{
					value: 0,
					color: "#46BFBD",
					highlight: "#5AD3D1",
					label: "参与公益跑人数"
				},
				{
					value: 0,
					color: "#FDB45C",
					highlight: "#FFC870",
					label: "参与爱心清单人数"
				},
			];

			
				var ctx1 = document.getElementById("chart-area1").getContext("2d");
				window.myDoughnut = new Chart(ctx1).Doughnut(doughnutData, {responsive : true});

		

	</script>


				
					</div> <!-- /widget-content -->
					
				</div> <!-- /widget -->
				
				
			
			
		</div> <!-- /row -->
		
	</div> <!-- /container -->
	
</div> <!-- /content -->
					
	
<div id="footer">
	<p align="center"> &copy;Copyright <a href="http://weibo.com/xifadaweiruandashi" target="_blank">JU'AN Village</a></p>
	<p align="center">Every little thing makes a difference</p>			
</div> <!-- /footer -->
<!--================================================== -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
  </body>
</html>
